<template>
	<div class="report">
		<nav-bar class="nav-bar"></nav-bar>
		<div class="content-main">
			<Tabs>
				<Tab-pane label="我的汇报" icon="ios-paper">
					<my-report></my-report>
				</Tab-pane>
				<Tab-pane label="填写汇报" icon="paintbrush">
					<write-report></write-report>
				</Tab-pane>
				<Tab-pane label="汇报审核" icon="settings">
					<report-examine></report-examine>
				</Tab-pane>
				<Tab-pane label="汇报汇总" icon="code-download">
					<all-report></all-report>
				</Tab-pane>
				<Tab-pane label="汇报设置" icon="ios-gear">
					<report-set></report-set>
				</Tab-pane>
			</Tabs>
		</div>
	</div>
</template>

<script>
import navBar from '@/components/navBar.vue';
import myReport from './report/myReport.vue'
import writeReport from './report/writeReport.vue'
import reportExamine from './report/reportExamine.vue'
import reportSet from './report/reportSet.vue'
import allReport from './report/allReport.vue'

export default {
	name: 'report',
	data () {
		return {

		}
	},
	components:{
		navBar,
		myReport,
		writeReport,
		reportExamine,
		allReport,
		reportSet
	}
}
</script>

<style lang="css" scoped>
.report{
	width: 100%;
	height: 100%
}
</style>